<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>OYA</title>
		<!--css-->
		<link rel="stylesheet" type="text/css" href="libs/css/font-awesome-4.6.3/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="libs/Swiper-3.3.1/dist/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="libs/css/common.css" />
		<link rel="stylesheet" type="text/css" href="libs/css/index.css" />
		<!--js-->
		<script src="libs/js/jquery-1.12.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部-->
		<header><b>OYA</b><span class="fa fa-search"></span></header>
			<!--内容-->
			<div id="wrapper">			
				<div id="scroller">
					<div class="swiper_box">
						<!-- Swiper -->
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="libs/images/1.jpg" /></div>
								<div class="swiper-slide"><img src="libs/images/2.jpg" /></div>
								<div class="swiper-slide"><img src="libs/images/3.jpg" /></div>
							</div>
							<!-- Add Pagination -->
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<!--广告栏-->
					<div class="ad_box">
						<a href="#"><img src="libs/images/49.jpg" /></a>
						<a href="list.html"><img src="libs/images/31.jpg" /></a>
					</div>
					<!--分类栏-->
					<div class="kinds_box">
						<a href="#"><img src="libs/images/27.jpg" /></a>
						<a href="#"><img src="libs/images/28.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/29.jpg" /></a>
						<a href="#"><img src="libs/images/30.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/32.jpg" /></a>
						<a href="#"><img src="libs/images/33.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/34.jpg" /></a>
						<a href="#"><img src="libs/images/35.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/36.jpg" /></a>
						<a href="#"><img src="libs/images/37.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/50.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/51.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/52.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/53.jpg" /></a>
					</div>
					<div class="kinds_box">
						<a href="#"><img src="libs/images/26.jpg" /></a>
					</div>
					<!--商品展示-->
					<div class="product_box">
						<ul>
							<li>
								<a href="#"><img src="libs/images/5.jpg" /></a>
								<p>拱辰享雪美白精华套装</p>
								<span>¥120</span>
							</li>
						</ul>
					</div>

				</div>
			</div>
		<!--回到顶部-->
		<span class="he_top"><i class="fa fa-arrow-up"></i></span>
		<!--脚部-->
		<footer>
			<a href="index.html" class="ft_active"><span><i class="fa fa-home"></i><br>首页</span></a>
			<a href="#"><span><i class="fa fa-database"></i><br>积分区</span></a>
			<a href="category.html"><span><i class="fa fa-cube"></i><br>分类</span></a>
			<a href="shopping_cart.html"><span><i class="fa fa-shopping-cart"></i><br>购物车</span></a>
			<a href="user.html"><span><i class="fa fa-user"></i><br>个人中心</span></a>
		</footer>
	</body>

</html>